ExtJS ডাউনলোড এবং ইনস্টলেশন

Web Development - এক্সটিজেএস (ExtJS) - ExtJS সেটআপ এবং ইনস্টলেশন |

ExtJS ডাউনলোড এবং ইনস্টলেশন প্রক্রিয়া সহজ এবং কার্যকর। এটি সফলভাবে সম্পন্ন করার জন্য আপনাকে Sencha CMD, Node.js এবং ExtJS SDK ডাউনলোড করতে হবে। এই গাইডটি আপনাকে শুরু থেকে শেষ পর্যন্ত পুরো প্রক্রিয়া বুঝতে সহায়তা করবে।

ExtJS ডাউনলোড

Sencha এর অফিসিয়াল ওয়েবসাইট থেকে ডাউনলোড করুন
- Sencha ExtJS এর জন্য অফিসিয়াল ডাউনলোড পেজে যান:
  ExtJS ডাউনলোড পেজ
- ফ্রেমওয়ার্কের লাইসেন্স অনুযায়ী সংস্করণ নির্বাচন করুন:
  - Open Source Edition: বিনামূল্যে।
  - Commercial Edition: পেশাদার প্রজেক্টের জন্য।
ExtJS SDK ডাউনলোড করুন
- ডাউনলোড সম্পন্ন হলে SDK ফোল্ডারটি আনজিপ করুন।
- SDK ফোল্ডারটি আপনার নির্ধারিত ডিরেক্টরিতে রাখুন (যেমন: /path/to/extjs)।

Sencha CMD ইনস্টলেশন

Sencha CMD একটি প্রয়োজনীয় টুল যা ExtJS অ্যাপ্লিকেশন তৈরি, ডিবাগ, এবং ডিপ্লয় করতে ব্যবহৃত হয়। এটি ExtJS অ্যাপ্লিকেশনের জন্য বিল্ডিং ব্লক হিসেবে কাজ করে।

Sencha CMD ডাউনলোড করুন
- Sencha CMD ডাউনলোড পেজ এ যান।
- আপনার অপারেটিং সিস্টেম অনুযায়ী ডাউনলোড প্যাকেজ নির্বাচন করুন।
ইনস্টল করুন
- Windows, macOS, বা Linux এর জন্য ডাউনলোড করা ইনস্টলার চালু করুন।
- ইনস্টলেশন উইজার্ড অনুসরণ করুন।
ইনস্টলেশন চেক করুন
কমান্ড লাইনে নিচের কমান্ডটি চালান:
```
sencha
```
যদি ইনস্টলেশন সফল হয়, তাহলে Sencha CMD এর সংস্করণ প্রদর্শিত হবে।

ExtJS অ্যাপ্লিকেশন তৈরি

Sencha CMD ব্যবহার করে ExtJS অ্যাপ্লিকেশন তৈরি করতে নিচের ধাপগুলি অনুসরণ করুন:

একটি নতুন অ্যাপ্লিকেশন তৈরি করুন
- কমান্ড লাইনে নিচের কমান্ডটি চালান:
```
sencha -sdk /path/to/extjs generate app MyApp /path/to/myapp
```
- /path/to/extjs: ExtJS SDK এর অবস্থান।
- MyApp: আপনার অ্যাপ্লিকেশনের নাম।
- /path/to/myapp: প্রজেক্টের অবস্থান।
প্রজেক্ট ফোল্ডারে যান
```
cd /path/to/myapp
```
ডেভেলপমেন্ট সার্ভার চালু করুন
```
sencha app watch
```
- এটি একটি লোকাল সার্ভার চালু করবে।
- ব্রাউজারে URL ব্যবহার করে অ্যাপ্লিকেশন দেখতে পাবেন:
  http://localhost:1841/

ম্যানুয়াল ইনস্টলেশন

যদি আপনি Sencha CMD ব্যবহার করতে না চান, তবে ExtJS ম্যানুয়ালি সেটআপ করতে পারেন:

ফাইল সেটআপ
- SDK ফোল্ডারের সমস্ত ফাইল আপনার প্রজেক্ট ডিরেক্টরিতে রাখুন।

HTML ফাইল তৈরি করুন
একটি index.html ফাইল তৈরি করুন এবং ExtJS এর স্ক্রিপ্ট এবং স্টাইল লিঙ্ক করুন:

<!DOCTYPE html>
<html>
<head>
    <title>My ExtJS App</title>
    <link rel="stylesheet" type="text/css" href="ext/build/classic/theme-triton/resources/theme-triton-all.css">
    <script type="text/javascript" src="ext/build/ext-all.js"></script>
    <script type="text/javascript">
        Ext.onReady(function() {
            Ext.create('Ext.panel.Panel', {
                title: 'Hello ExtJS',
                html: '<p>Welcome to ExtJS</p>',
                renderTo: Ext.getBody()
            });
        });
    </script>
</head>
<body></body>
</html>

ওয়েব সার্ভার ব্যবহার করুন
আপনার প্রজেক্ট ফোল্ডারটি Apache, Nginx, বা অন্য কোনো ওয়েব সার্ভারে হোস্ট করুন।

ডিপ্লয়মেন্ট

অ্যাপ্লিকেশন প্রোডাকশনে ডিপ্লয় করার জন্য Sencha CMD ব্যবহার করুন:

sencha app build production

এটি একটি অপ্টিমাইজড অ্যাপ্লিকেশন প্যাকেজ তৈরি করবে, যা প্রোডাকশন পরিবেশে ব্যবহৃত হবে।

ExtJS ডাউনলোড এবং ইনস্টলেশন প্রক্রিয়া সম্পন্ন হলে, আপনি সহজেই ডেটা-ড্রিভেন এবং রিচ ইউজার ইন্টারফেস অ্যাপ্লিকেশন তৈরি করতে পারবেন।

Content added By

Md Azizur Rahman

ExtJS ডাউনলোড এবং ইনস্টলেশন

ExtJS ডাউনলোড এবং ইনস্টলেশন